<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>【元素+类】选择器</title>
		<style>
			/*元素选择器: 以元素名称作为选择器，抓取页面元素
			  只抓【元素名】一致的元素*/
			h1{
				color: #ffaaff;
				background: #41c560;
			}
			/*类选择器: 给元素起别名,可以起多个，用空格表示
			     html中:   <h1 class="four  nigulasi">
				 css中: .four{}
				 */
				.four{
					color: #eee;
					background: #ffaaff;
				}
				.nigulasi{
					color: #41c560;
					background: #aaffff;
				}
		</style>
	</head>
	<body>
		<h1>大标题内容</h1>
		<h1>大标题内容</h1>
		<h1>大标题内容</h1>
		<h1 class="four nigulasi">大标题内容</h1>
		<h1>大标题内容</h1>
		<h1>大标题内容</h1>
		<h1>大标题内容</h1>
	</body>
</html>